<template>
  <view class="home_header">
	
    <view class="home_search" >
			<u-input class="input" v-model="value" type="text"  :placeholder="placeholder" focus />
    </view>
		
		<u-button type="error" size="mini" class="searchButton" :custom-style="customStyle" @click="$emit('click',value)">搜索</u-button>
		
  </view>
</template>

<script>
export default {
  data() {
    return {
			placeholder:'请输入设备名称和编号',
			value: ''
    };
  },
  props: {
    
  },
	computed:{
		customStyle(){
			return {
				height:'68rpx',
				lineHeight:'68rpx'
			}
		}
	},
  methods: {
    
  },
};
</script>

<style  lang="scss" scoped>
.home_header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  display: flex;
	justify-content: space-between;
  align-items: center;
  height: 120rpx;
  background: linear-gradient(0deg, #f2f2f2 20%, #f2f2f2 80%);
  z-index: 100;
  .home_search {
		flex: 1;
		margin: 0 20rpx;
    height: 68rpx;
    background: #FFFFFF;
    border-radius: 10rpx;
    display: flex;
    align-items: center;
    .search {
      color: #FFFFFF;
      font-size: 38rpx;
      margin-left: 20rpx;
      margin-right: 20rpx;
    }
    .input {
      height: 68rpx;
      font-size: 28rpx;
			width: 100%;
			padding: 0 20rpx;
    }
  }
	.searchButton{
		margin-right: 20rpx;
	}
}


</style>

